<template>
	<view class="container" :style="{paddingTop: paddingTop + 'px'}">
		
		<navBar title="门店信息" />
		
		<text class="title">
			门店营业执照
		</text>
		<view class="image-content">
			<image :src="imgUrl" mode="widthFix" @click="handlePreviewImage"></image>
		</view>
	</view>
</template>

<script>
	import navBar from '@/components/navBar.vue'
	export default {
		components: {
			navBar
		},
		data() {
			return {
				imgUrl: '',
				paddingTop: ''
			};
		},
		onLoad(query){
			const { license } = query
			this.imgUrl = license
			this.paddingTop = this.$store.getters['global/getSystemInfo'].navBarHeight
		},
		methods: {
			handlePreviewImage(){
				uni.previewImage({
					current: 0,
					urls: [this.imgUrl]
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.container {
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
	padding: 24rpx;
	background-color: #ffffff;
	.image-content {
		margin-top: 48rpx;
		image {
			width: 100%;
		}
	}
}
</style>
